<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>View Compensation Leave Claim</title>
<link href="<c:url value='/css/style.css'></c:url>" rel="stylesheet"
	type="text/css">
<fmt:setBundle basename="TextForManagerPage" />
</head>

<body>
	<%
		java.util.Date date = new java.util.Date();
		pageContext.setAttribute("date", date);
	%>


<!-- 
dummy variable for Employee;
 -->
	<c:set var="name" value="nico"></c:set>

	<div class="content">
		<h1>...Header.jsp will come here....</h1>
		<table style="border-spacing: 10px;" width="100%">
			<tr>
				<td width="280px">
					<div id="menu">
						<ul>
							<li><a href="#"><fmt:message key="left.approveleaves"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.approveHistory"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.leaveStatus"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.newLeave"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message
										key="left.compensationLedger"></fmt:message> </a></li>
							<li><a href="#"><fmt:message key="left.leaveHistory"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.publicHolidays"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.leavePolicies"></fmt:message>
							</a></li>
							<li class="selectedPage"><a href="#"><fmt:message
										key="left.approveCompensationLeave"></fmt:message> </a></li>

						</ul>
					</div>
				</td>
				<td width="*">
					<table width="100%"><!--
						<tr height="50px">
							<td width="35%"><h3>Welcome ${name} !</h3>
							 ${employee.name}
							</td>
							<td width="35%"><fmt:formatDate value="${date}"
									pattern="yyyy-MM-dd" /></td>
							<td width="*">[LOGOUT]</td>
						</tr>
						-->
						<tr>
							<td colspan="3">
							<h3><b>Compensation Claims:</b></h3>
							<table>
							<c:forEach var="record" varStatus="i" items="${pendingCompensationList}">
							<tr>
							<td>ID:${record.transactionID}</td>
							<td>Applied By:${record.employee.name}</td>
							<td>OT Hours:${record.startTime-record.endTime}</td>
							<td>
							<c:url var="detialUrl" value="CompensationDetailServlet" >
								<c:param name="tractionId" value="${record.transactionID}"></c:param>
							</c:url>
							<a href="${detailUrl}">Detail</a>
							</td>
							</tr>
							</c:forEach>
							</table>
							</td>
						</tr>
					</table></td>
			</tr>
		</table>
		<h1>.......Footer.jsp will come here...</h1>
	</div>

</body>
</html>